<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/index.css">
    <title>网易聚玩官网-网易旗下正版游戏,动漫,漫威影视周边,正版手办模玩,二次元手办代购商城</title>
</head>

<body>
    <div class="header-container">
        <div class="top-menu-container font-12">
            <div class="fix-width">
                <div class="float-left inline-block">
                    <span class="top-header-title" style="float: left">网易聚玩，玩出乐趣</span>
                    <span class="top-header-notification">
                        <ul class="scrollable-list">
                            <li class="display-block">蜘蛛侠正版T恤低至88元</li>
                            <li class="display-block">漫威主题商品限时特价</li>
                            <li class="display-block">蜘蛛侠正版T恤低至88元</li>
                        </ul>
                    </span>
                </div>
                <div class="float-right inline-block">
                    <div class="menu-container">
                        <ul class="top-menu-list">
                            <li>
                                <span class="menu-item">登录</span>
                            </li>
                            <li>
                                <span class="menu-item">注册</span>
                            </li>
                            <li class="collapsed">
                                <span class="menu-item has-sub-menu">
                                    <span>客户服务</span>
                                </span>
                                <ul class="sub-menu">
                                    <li>
                                        <a rel="nofollow" href="/helpCenter">规则中心</a>
                                    </li>
                                    <li>在线客服</li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="banner-container fix-width font-12">
            <h1 title="网易聚玩正版周边商城官网">
                <img title="网易聚玩正版周边商城官网" alt="logo" class="banner-img" src="">
            </h1>
            <div class="search-container inline-block">
                <input placeholder="请输入搜索内容" value>
                <img class="icon search-icon" src=""
                    alt="搜索图标">
                <img class="icon cart-icon" src=""
                    alt="购物车图标">
                <span class="cart-count">0</span>
            </div>
        </div>
        <div class="fixed-header">
            <div class="float-header-container">
                    <div class="banner"></div>
                    <div class="category">
                        <ul class="main-category-list"></ul>
                    </div>
                    <div class="search">
                        <img src="" alt="搜索图标">
                    </div>
                    <div class="user">
                        <ul class="menu-list">
                            <li>登录</li>
                            <li>注册</li>
                        </ul>
                    </div>
                    <div class="cart">
                        <span class>0</span>
                    </div>
            </div>
            
        </div>
    </div>
    <div class="main-container">
        <div class="category-container font-12">
            <div class="mask">
                <div class="fix-width">
                    <ul class="main-category-list"></ul>
                </div>
            </div>
        </div>
        <div class="home-container">
            <div class="slides-container">
                <div class="slide-img-container"></div>
                <div class="slide-img-container"></div>
                <div class="slide-img-container"></div>
                <div class="navigation-container">
                    <div class="fix-width">
                        <span class="show-prev"></span>
                        <span class="show-next"></span>
                    </div>
                </div>
                <div class="dots-container">
                    <span class="dot"></span>
                    <span class="dot"></span>
                    <span class="dot"></span>
                </div>
            </div>
            <div class="fix-width">
                <div class="right-window" style="top:415px">
                    <div class="floor floor1 title">
                        <span>活动进行中</span>
                    </div>
                    <div class="floor floor2">
                        <ul></ul>
                    </div>
                    <div class="floor floor1 floor3">
                        <img src="" alt="客服">
                        <span class="client-service">在线客服</span>
                    </div>
                    <div class="QR-Code-board hide">
                        <div class="mask"></div>
                        <div class="angle"></div>
                        <img src="https://yanxuan-static.nosdn.127.net/hxm/yx-insigma-juwan/b2c-web/p/20150730/static/media/wechat-qrcode.8423a907.png" alt="二维码图片" class="QR-code">
                    </div>
                    <div class="floor floor3 icon-container">
                        <span class="wechat"></span>
                        <span class="microblog"></span>
                    </div>
                    <div class="floor floor3 floor5">
                        <img src="" alt="顶部" class="back-to-top">
                        <span>回到顶部</span>
                    </div>
                </div>
                <div class="home-brand">
                    <div class="common-section-header">
                        <span class="title">热门分类</span>
                        <span class="disclaimer">官方正版授权 网易品质保证</span>
                        <span class="show-others">换一批</span>
                    </div>
                    <div class="home-brand-main brand-list"></div>
                </div>
                <div class="home-hot">
                    <div class="common-section-header">
                        <span class="title">人气推荐</span>
                        <span class="note">周边好物齐聚</span>
                        <span class="view-more float-right">查看更多&nbsp;&nbsp;</span>
                    </div>
                    <div class="home-hot-main">
                        <div class="left"></div>
                        <div class="mid"></div>
                        <div class="right"></div>
                    </div>
                </div>
            </div>
            <div class="home-new">
                <div class="fix-width">
                    <div class="common-section-header">
                        <span class="title">最新周边</span>
                        <span class="view-more float-right">查看更多&nbsp;&nbsp;</span>
                    </div>
                    <div class="home-new-main">
                        <div class="carrousel-container"></div>
                    </div>
                </div>
            </div>
            <div class="fix-width">
                <div class="floors"></div>
            </div>
        </div>
        <div class="body-bottom-container">
            <div class="fix-width">
                <div class="section section-left">
                    <p class="section-title">客户服务</p>
                    <span class="client-service-contain">
                        <span class="inline-block client-service">在线客服</span>
                    </span>
                    <span class="client-feedback-contain">
                        <span class="inline-block client-feedback">用户反馈</span>
                    </span>
                </div>
                <div class="section section-mid">
                    <p class="section-title">网易聚玩简介</p>
                    <p class="section-content">网易聚玩是集合游戏、电影、动漫、文创领域经典IP的泛娱乐衍生品品牌。秉持着将热爱的事物融入生活的理念，致力于专业的衍生品设计与开发，为粉丝带来更多优质的正版周边商品。</p>
                    <p class="contacts">
                        <span>关注我们</span>
                        <img src="" alt="微信图标" class="wechat">
                        <img src="" alt="微博图标" class="microblog">
                    </p>
                    <div class="QR-Code-board hide">
                        <div class="mask"></div>
                        <div class="angle"></div>
                        <img src="https://yanxuan-static.nosdn.127.net/hxm/yx-insigma-juwan/b2c-web/p/20150730/static/media/blog-qrcode.7c39c8e3.png" alt="二维码" class="QR-code">
                    </div>
                </div>
                <div class="section section-right">
                    <img src="" alt="聚玩图标" class="bao-xue juwan">
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="footer-bottom-container">
            <div class="fix-width">
                <ul class="promises-list">
                    <li class="official">官方正版周边</li>
                    <li class="return">7天无忧退货</li>
                    <li class="shipment">满88元免邮费</li>
                    <li class="netease">网易自营电商</li>
                </ul>
                <ul class="link-list">
                    <li><a href="/helpCenter/aboutUs" target="_blank" rel="nofollow">关于我们</a></li>
                    <li><a href="/helpCenter" target="_blank" rel="nofollow">规则中心</a></li>
                    <li><a href="/helpCenter/afterSales/returnPolicy" target="_blank" rel="nofollow">售后服务</a></li>
                    <li><a href="/helpCenter/delivery/deliveryTime" target="_blank" rel="nofollow">配送与验收</a></li>
                    <li><a href="/helpCenter/contactUs" target="_blank" rel="nofollow">联系我们</a></li>
                </ul>
                <ul class="link-list licences">
                    <li><a href="http://nos.netease.com/dmall-mc/%E9%A3%9F%E5%93%81%E7%BB%8F%E8%90%A5%E8%AE%B8%E5%8F%AF%E8%AF%81.jpg81ee0af1-3cfe-474c-ac47-2cc55c8b3a9b?imageView" target="_blank" rel="nofollow">食品经营许可证</a></li>
                    <li><a href="http://nos.netease.com/dmall-mc/%E8%90%A5%E4%B8%9A%E8%AE%B8%E5%8F%AF%E8%AF%81.JPG02d80187-7721-446b-b6da-75ad06c1d78f?imageView" target="_blank" rel="nofollow">出版物经营许可证</a></li>
                    <li><a href="http://nos.netease.com/dmall-mc/%E8%90%A5%E4%B8%9A%E6%89%A7%E7%85%A7.JPG0db84940-67b9-47a0-990c-a2ff42d2e6ba?imageView" target="_blank" rel="nofollow">营业执照</a></li>
                    <li>网易公司版权所有 © 1997-2019</li>
                </ul>
            </div>
        </div>
    </div>

    <script src="libs/jQuery.js"></script>
    <script src="libs/utils.js"></script>
    <script src="libs/ejs.js"></script>
    <script type="module">
        import Index from "./js/index.js"; Index();
    </script>
</body>

</html>